<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css"
	href="http://cdn.datatables.net/1.10.7/css/jquery.dataTables.css">

<!-- jQuery -->
<script type="text/javascript" charset="utf8"
	src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<!-- DataTables -->
<script type="text/javascript" charset="utf8"
	src="http://cdn.datatables.net/1.10.7/js/jquery.dataTables.js"></script>

</head>
<body>
	<table id="table_id" class="display"cellspacing="0" width="100%"  >
		<thead>
			<tr>
				<th>时间服务器名称</th>
				<th>时间服务器Ip</th>
				<th>单位名称</th>
				<th>时间服务器时间</th>
				<th>状态</th>
				<th>经纬度</th>

			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Row 1 Data 1</td>
				<td>Row 1 Data 2</td>
			</tr>
			<tr>
				<td>Row 2 Data 1</td>
				<td>Row 2 Data 2</td>
			</tr>
		</tbody>
	</table>
	<script>
		$(document).ready(function() {
			$('#table_id').DataTable({
			     "pagingType":   "full_numbers",
			     "pageLength": 1,
			     "language": {                          //汉化     
		               "sLengthMenu": "每页显示 _MENU_ 条记录",     
		               "sZeroRecords": "没有检索到数据",     
		               "sInfo": "总共_PAGES_ 页，显示第_START_ 到第 _END_ ，总共有 _TOTAL_ 条记录",     
		               "sInfoEmtpy": "没有数据",     
		               "sProcessing": "正在加载数据...",     
		               "paginate": {
		                   "first":      "shou",
		                   "last":       "Ladfst",
		                   "next":       "Nedfxt",
		                   "previous":   "Prdfevious"
		               },
			     }   
			});
			
		});
	</script>
</body>
</html>